@charset "UTF-8";
/*------------------------------ base ------------------------------*/
html {
  color: #333;
  /*font-size: 62.5%;*/
  /*font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;*/
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 16px;
  /*font-size: 1.6rem;*/
  line-height: 1.42857143;
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

a, img {
  -webkit-touch-callout: none;
  /* 禁止长按链接与图片弹出菜单 */
}

a, img, button, select, input, textarea {
  outline: none;
}

a, a:link:visited:hover:active {
  color: #00ADEF;
  text-decoration: none;
}

img {
  vertical-align: middle;
}

strong, b, .strong, .bold {
  font-weight: bold;
}

.bolder {
  letter-spacing: 2px;
  -webkit-text-stroke-width: 1px;
}

p {
  margin-bottom: 5px;
}

p:last-child {
  margin-bottom: 0;
}

ol {
  padding-left: 30px;
  list-style: decimal;
}

/*-------- 标题 --------*/
h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 6px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 65%;
}

small, .small {
  font-size: 85%;
}

.large {
  font-size: 115%;
}

.normal {
  font-size: 16px;
}

/*.large{
    font-size: 18px;
    */
/*font-size: 1.8rem;*/
/*
}
.normal{
    font-size: 16px;
    */
/*font-size: 1.6rem;*/
/*
}
.small{
    font-size: 14px;
    */
/*font-size: 1.4rem;*/
/*
}*/
button,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="button"],
input[type="submit"],
input[type="month"],
input[type="week"],
input[type="time"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.float-left, .fl {
  float: left;
}

.float-right, .fr {
  float: right;
}

.clearfix:after {
  content: "";
  clear: both;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: table;
  zoom: 1;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.margin-0 {
  margin: 0 !important;
}

.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

.margin-30 {
  margin: 30px;
}

.margin-40 {
  margin: 40px;
}

.margin-50 {
  margin: 50px;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-left-50 {
  margin-left: 50px;
}

.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-right-40 {
  margin-right: 40px;
}

.margin-right-50 {
  margin-right: 50px;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-0 {
  padding: 0 !important;
}

.padding-5 {
  padding: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-30 {
  padding: 30px;
}

.padding-40 {
  padding: 40px;
}

.padding-50 {
  padding: 50px;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-left-50 {
  padding-left: 50px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-right-50 {
  padding-right: 50px;
}

.width-full {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.width-half {
  width: 50%;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.width-10 {
  width: 100%;
}

.width-9 {
  width: 90%;
}

.width-8 {
  width: 80%;
}

.width-7 {
  width: 70%;
}

.width-6 {
  width: 60%;
}

.width-5 {
  width: 50%;
}

.width-4 {
  width: 40%;
}

.width-3 {
  width: 30%;
}

.width-2 {
  width: 20%;
}

.width-1 {
  width: 10%;
}

.font-size-12 {
  font-size: 12px;
  /*font-size: 1.2rem;*/
}

.font-size-14 {
  font-size: 14px;
  /*font-size: 1.4rem;*/
}

.font-size-15 {
  font-size: 15px;
  /*font-size: 1.5rem;*/
}

.font-size-16 {
  font-size: 16px;
  /*font-size: 1.6rem;*/
}

.font-size-18 {
  font-size: 18px;
  /*font-size: 1.8rem;*/
}

.font-size-20 {
  font-size: 20px;
  /*font-size: 2rem;*/
}

.font-size-22 {
  font-size: 22px;
  /*font-size: 2.2rem;*/
}

.font-size-24 {
  font-size: 24px;
  /*font-size: 2.4rem;*/
}

.font-size-26 {
  font-size: 26px;
  /*font-size: 2.6rem;*/
}

.font-size-28 {
  font-size: 28px;
  /*font-size: 2.8rem;*/
}

.font-size-30 {
  font-size: 30px;
  /*font-size: 3.0rem;*/
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.hide {
  display: none;
}

.wrap {
  word-wrap: break-word;
  word-break: break-all;
}

.nowrap {
  white-space: nowrap;
}

.center-block {
  margin-left: auto;
  margin-right: auto;
}

.absolute-center {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
}

.middle {
  vertical-align: middle;
}

.flex-box {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex-item {
  -webkit-box-flex: auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- */
  -webkit-flex: auto;
  /* Chrome */
  /* IE 10 */
  flex: auto;
}

.transition {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.real-height {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
}

.underline {
  text-decoration: underline;
}
